.__markdown-editor-reactjs-container {
    height: 100%;

    .write-spin {
        width: 100%;
        height: calc(100% - 50px);

        .__markdown-editor-reactjs-markdown-main {
            width: 100%;
            height: 100%;
            display: flex;
            background: #fff;
            border-radius: 2px;

            #__markdown-editor-reactjs-edit {
                height: 100%;
                flex: 1;
                float: left;
                border: 0;
                border-right: 1px solid #eee;
                background-color: rgb(248, 248, 250);
                padding: 20px;
                resize: none;
                outline: none;
                box-sizing: border-box;
                font-size: 15px;
            }

            #write {
                width: calc(100% - 260px);
                display: inline-block;
                height: 100%;
                flex: 1;
                padding: 20px 20px 20px 40px;
                box-sizing: border-box;
            }

            .__markdown-editor-reactjs-show{
                overflow:auto;
            }

            .__markdown-editor-reactjs-toc-layout {
                width: 260px;
                padding: 20px;
                #__markdown-editor-reactjs-toc {
                    width: 215px;
                    height: calc(100% - 200px);
                    position: fixed;
                    right: 0;
                    overflow-y: scroll;
                }
            }
        }
    }
}


@media screen and (max-width: 1080px) {
    #write {width: 100%;}
    .__markdown-editor-reactjs-toc-layout {
        display: none;
    }
}
